<template>
    <div class="contnet">
        <div class="contnet_div" v-for="(item, index) in list" :key="index">
            <div class="contnet_div_line">
                <div class="contnet_div_line_left">
                    <div class="label">出库数量：</div>
                    <div class="value colors">{{ item.outNum }}</div>
                </div>
                <div class="contnet_div_line_right">
                    <div class="label">库存数量：</div>
                    <div class="value">{{ item.stockCount }}</div>
                </div>
            </div>
            <div class="contnet_div_line">
                <div class="contnet_div_line_left">
                    <div class="label">出库单：</div>
                    <div class="value">{{ item.outId }}</div>
                </div>
                <div class="contnet_div_line_right">
                    <div class="label">出库去向：</div>
                    <div class="value">{{ item.coreName }}</div>
                </div>
            </div>
            <div class="contnet_div_line">
                <div class="contnet_div_line_left">
                    <div class="label">出库人：</div>
                    <div class="value">{{ item.outUserName }}</div>
                </div>
                <div class="contnet_div_line_right">
                    <div class="label">出库类型：</div>
                    <div class="value">{{ item.outTypeName }}</div>
                </div>
            </div>
            <div class="contnet_div_line">
                <div class="contnet_div_line_hang">
                    <div class="label">出库时间：</div>
                    <div class="value">
                        {{ item.createTime }}
                        <span v-if="item.overDay != 0">
                            <van-image :src="cahoqi"></van-image>
                            超期{{ item.overDay }}天
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<script setup lang="ts">
import { defineProps } from 'vue'
const cahoqi = new URL("@/assets/productHome/icon_chaoqi.png", import.meta.url).href;
defineProps({
    list: { type: Object, default: {} },
})
</script>

<style lang="less" scoped>
@import url(../style/record.less);
</style>